//自定义模板组件
Vue.component('mydiv',{
    props:["arr","fn"],
    template:`
     <div>
        <ul>
        <!--下面的arr不能直接访问Vue对象中的变量，所以需要通过props里面定义的变量进行一个传值操作-->
            <li v-for="name in arr" @click="fn(name)">{{name}}</li>
        </ul>
    </div>
`
})

let v=new Vue({
    el:"mydiv",
    data:{
        arr:["刘备","关羽","张飞"]
    },
    methods:{
        fn:function (name) {
            alert(name);
        }
    }
})